html {
  height: 100%;
  font-size: 75px;
}
body {
  height: 100%;
  font-size: 16px;
}
.layout-box {
  height: 100%;
  max-width: 750px;
  min-width: 320px;
  background-color: #fff;
  margin: 0 auto;
  position: relative;
  padding-top: 2.653333rem /* 199/75 */;
  padding-bottom: 3.226667rem /* 242/75 */;
}
.mm-header {
  height: 1.32rem;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ff841d;
}
.mm-header .mm-logo {
  width: 4.933333rem /* 370/75 */;
  height: 0.666667rem /* 50/75 */;
  margin-top: 0.32rem /* 24/75 */;
  float: left;
  margin-left: 0.4rem /* 30/75 */;
  background: url("../images/header_logo.png") no-repeat;
  background-size: 4.95rem .67rem;
}
.mm-header .mm-app {
  width: .91rem;
  margin-top: 0.186667rem /* 14/75 */;
  height: 0.933333rem /* 70/75 */;
  margin-right: 0.4rem /* 30/75 */;
  float: right;
  background: url("../images/header_app.png") no-repeat;
  background-size: .91rem .91rem;
}
.mm-search {
  width: 100%;
  height: 1.333333rem /* 100/75 */;
  padding-left: 0.266667rem /* 20/75 */;
  padding-right: 2.133333rem /* 160/75 */;
  position: absolute;
  top: 1.32rem /* 99/75 */;
  left: 0;
}
.mm-search input {
  width: 100%;
  height: 0.8rem /* 60/75 */;
  border: none;
  background-color: #f1f1f1;
  border-radius: 0.4rem /* 30/75 */;
  margin-top: 0.266667rem /* 20/75 */;
  padding-left: 0.4rem /* 30/75 */;
  font-size: 0.346667rem /* 26/75 */;
}
.mm-search .button {
  width: 1.693333rem /* 127/75 */;
  height: 0.8rem /* 60/75 */;
  position: absolute;
  right: 0.266667rem /* 20/75 */;
  top: 0.266667rem /* 20/75 */;
  text-align: center;
  line-height: 0.8rem /* 60/75 */;
  font-size: 0.4rem /* 30/75 */;
  background-color: #ff841d;
  color: #fff;
  border-radius: 0.4rem /* 30/75 */;
}
.mm-footer {
  width: 100%;
  padding: .666667rem 0;
  position: absolute;
  left: 0;
  bottom: 0;
}
.mm-footer .fot-top {
  height: .853333rem;
  border: 1px solid #c4c4c4;
  font-size: 0.32rem /* 24/75 */;
}
.mm-footer .fot-top a {
  float: left;
  width: 33.33%;
  text-align: center;
  line-height: 0.853333rem /* 64/75 */;
  border-right: 1px solid #c4c4c4;
}
.mm-footer .fot-top a:last-child {
  border: none;
}
.mm-footer .foot-bt {
  text-align: center;
  margin-top: 0.453333rem /* 34/75 */;
  font-size: 0.32rem /* 24/75 */;
  color: #5b6168;
}
.mm-footer .foot-bt p a:first-child {
  color: red;
}
#wrapper {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.hide {
  display: none;
}
.cate-nav {
  height: .986667rem;
  background-color: #eeeeee;
  line-height: .986667rem;
  padding-left: 0.133333rem /* 10/75 */;
}
.cate-nav > a {
  display: block;
  float: left;
  font-size: 0.346667rem /* 26/75 */;
}
.cate-nav .filtrate {
  float: right;
  width: 1.666667rem /* 125/75 */;
  height: 0.733333rem /* 55/75 */;
  margin-top: 0.133333rem /* 10/75 */;
  text-align: center;
  line-height: 0.733333rem /* 55/75 */;
  border-radius: 10px;
  background-color: #7a7676;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#d7d7d7), to(#f5f5f5));
}
#pagination {
  overflow: hidden;
  padding-top: 0.266667rem /* 20/75 */;
}
#pagination ul li {
  width: 33.33%;
  float: left;
  text-align: center;
}
#pagination ul li a {
  display: block;
  height: .88rem;
  width: 2rem /* 150/75 */;
  border: .013333rem solid #f1f1f1;
  margin: 0 auto;
  text-align: center;
  line-height: .88rem;
  background-color: #dcdcdc;
}
#pagination ul li select {
  border: 0.013333rem /* 1/75 */ solid #bababa;
  font-size: 0.213333rem /* 16/75 */;
  padding: 0.106667rem /* 8/75 */ 0.2rem /* 15/75 */;
  height: .88rem;
}
#pagination ul li select option {
  text-align: center;
}
